body.show a, body.show .transition, body.show :before, body.show img, body.show .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex; }

.flexColumn {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 900px) {
  html {
    font-size: 50px; }

  .wal {
    max-width: 8rem; }

  .g-headD {
    height: 0.8rem; }

  .g-head .wal {
    min-height: 0.8rem; }
  .g-head a.logo {
    width: 1.8rem; }
  .g-head .nav {
    display: none; }
  .g-head .side {
    font-size: .24rem; }
    .g-head .side div.navA {
      width: .3rem;
      height: .3rem; }
    .g-head .side div.search {
      width: .3rem;
      height: .3rem; }
  body.navShow {
    overflow: hidden; }
  .g-nav {
    top: 0.8rem;
    overflow-y: auto; }
    .g-nav .list {
      padding: .6rem 0;
      max-width: 100%; }
      .g-nav .list a {
        height: .8rem;
        font-size: .32rem; }
        .g-nav .list a:before {
          display: none; }
        .g-nav .list a b {
          padding-left: .2rem;
          opacity: 1; }
      .g-nav .list a.on em {
        color: #333; }
    .g-nav .img-list li {
      width: 100%;
      top: 6.8rem; }
      .g-nav .img-list li .name {
        display: none; }

  .g-search {
    top: 0.8rem; }
    .g-search .form .input input {
      font-size: .24rem; }
    .g-search .scroll {
      height: 60vh; }

  .foot-title h2 {
    font-size: .3rem; }

  .faq-list li .name {
    font-size: .24rem;
    height: .6rem;
    line-height: .6rem; }
  .faq-list li .content {
    font-size: .22rem;
    line-height: .36rem; }

  .g-foot .wal {
    min-height: 2.1rem;
    position: relative;
    padding-bottom: .3rem; }
  .g-foot .list {
    padding-top: .8rem; }
    .g-foot .list li {
      height: .4rem;
      font-size: .22rem; }
      .g-foot .list li img {
        width: .3rem; }
  .g-foot .link {
    line-height: .4rem;
    right: auto;
    left: 0; }
    .g-foot .link li {
      padding-left: 0; }
    .g-foot .link li:nth-child(2), .g-foot .link li:nth-child(3), .g-foot .link li:nth-child(4) {
      display: none; }
    .g-foot .link a {
      font-size: .24rem; }
  .g-foot .msg {
    font-size: .22rem;
    line-height: .4rem; }
  .g-foot .weixing {
    top: .3rem; }
    .g-foot .weixing .name {
      font-size: .22rem; }
    .g-foot .weixing .layer {
      position: fixed;
      z-index: 100;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      display: flex;
      display: -webkit-flex;
      align-items: center;
      -webkit-align-items: center;
      justify-content: center;
      -webkit-justify-content: center; }
      .g-foot .weixing .layer .container {
        background: #fff;
        text-align: center;
        -moz-border-radius: 0.1rem;
        -webkit-border-radius: 0.1rem;
        border-radius: 0.1rem;
        width: 5rem;
        padding: .5rem 0; }
        .g-foot .weixing .layer .container .img img {
          width: 3rem; }
        .g-foot .weixing .layer .container h2 {
          padding: .2rem 0 .1rem 0;
          font-size: .28rem; }
        .g-foot .weixing .layer .container p {
          font-size: .24rem;
          line-height: 1.6em; }
    .g-foot .weixing.on .layer {
      bottom: 0; }

  a.topA {
    display: none; }

  /*index*/
  .indexFlash li {
    min-height: 1rem; }
    .indexFlash li .img {
      display: block; }
    .indexFlash li .layer h2 {
      width: 4rem; }
    .indexFlash li .layer h3 {
      position: static;
      width: 2.95rem; }
    .indexFlash li .layer a.video-btn {
      margin-top: .2rem;
      margin-bottom: .2rem; }
  .indexFlash a.arrow.prev {
    left: .2rem; }
  .indexFlash a.arrow.next {
    right: .2rem; }
  .indexFlash .dots {
    left: .3rem;
    margin-left: 0; }

  .index-product li a.name {
    font-size: .2rem; }
    .index-product li a.name span {
      padding-left: .02rem;
      letter-spacing: .02rem; }
  .index-product ul.ul-1 {
    width: 100%; }
  .index-product ul.ul-2 {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between; }
    .index-product ul.ul-2 li {
      width: 49%; }
  .index-product ul.ul-3 li {
    width: 49%; }

  .index-title span {
    font-size: .26rem; }
  .index-title h2 {
    font-size: .42rem; }
  .index-title p {
    font-size: .22rem;
    letter-spacing: .6em;
    padding-left: .6em; }

  .index-ideas {
    margin-left: -.3rem;
    margin-right: -.3rem; }
    .index-ideas .list {
      padding: 0 .3rem; }
      .index-ideas .list li {
        width: 16.666%; }
        .index-ideas .list li a {
          font-size: .24rem; }

  .index-color .list li {
    width: 25%; }
    .index-color .list li .img {
      height: 3.6rem; }
    .index-color .list li a.name {
      font-size: .28rem; }
      .index-color .list li a.name:before, .index-color .list li a.name:after {
        width: .28rem; }
  .index-color .list li:nth-child(4) {
    display: none; }
  .index-color .list li.more a {
    font-size: .22rem; }
    .index-color .list li.more a em {
      font-size: .22rem; }

  a.g-more {
    width: 1.6rem;
    height: .52rem;
    line-height: .52rem;
    font-size: .24rem; }

  .index-case .col {
    width: 100%;
    padding: .5rem .3rem; }
  .index-case .content {
    font-size: .24rem;
    line-height: .4rem;
    padding-bottom: .4rem; }
  .index-case .img {
    width: 100%; }

  /*page*/
  .search-msg .wal {
    min-height: 1rem;
    line-height: 1rem;
    font-size: .22rem; }
  .search-msg .btn {
    font-size: .24rem;
    right: -.2rem; }
    .search-msg .btn li {
      margin-left: .2rem; }
    .search-msg .btn a {
      height: 1rem; }

  .p-title .wal {
    min-height: 1rem;
    line-height: 1rem; }
  .p-title h3 {
    font-size: .28rem; }
  .p-title h2 {
    font-size: .32rem; }
  .p-title .list a {
    height: 1rem;
    font-size: .24rem; }
  .p-title .list .list-wrapper {
    width: 4rem; }
  .p-title .list li a {
    height: 1rem;
    font-size: .24rem;
    background-size: .05rem; }

  .scroll-news {
    height: .8rem;
    background-size: .22rem; }
    .scroll-news li {
      line-height: .8rem;
      font-size: .22rem; }
      .scroll-news li .time {
        font-size: .22rem; }
      .scroll-news li .name {
        height: .8rem; }
    .scroll-news .arrow {
      width: .2rem; }
      .scroll-news .arrow a {
        height: .4rem; }

  .video-layer .container {
    width: 6.9rem; }

  .about li {
    padding-bottom: .3rem; }
    .about li:last-child {
      padding-bottom: 0; }
    .about li .img {
      position: relative;
      left: 0;
      width: 100%;
      height: 5rem;
      padding: .3rem; }
      .about li .img .video {
        width: 3rem; }
      .about li .img ul {
        max-width: 100%; }
      .about li .img li {
        width: 33.333%; }
    .about li .container {
      min-height: 1rem;
      width: 100%;
      padding-bottom: .3rem; }
      .about li .container .name {
        font-size: .3rem; }
      .about li .container .content {
        font-size: .22rem;
        line-height: .4rem; }

  .about-1 ul {
    margin-left: -.3rem;
    margin-right: -.3rem; }
  .about-1 li {
    width: 33.333%;
    min-height: 2.6rem;
    padding-top: .45rem; }
    .about-1 li .name {
      font-size: .2rem;
      line-height: .28rem; }
  .about-1 li:nth-child(10) {
    display: none; }

  .news .arrow a, .productShow .arrow a, .project .arrow a {
    width: .42rem; }

  .news {
    padding: .6rem 0 .6rem 0; }
    .news .list {
      width: 100%; }
      .news .list h3.name {
        font-size: .26rem;
        line-height: 1.5em; }
      .news .list .time {
        font-size: .22rem;
        line-height: .7rem; }
      .news .list .content {
        font-size: .22rem;
        line-height: .36rem; }
    .news .side-list {
      display: none; }

  .productShow .title {
    width: 100%; }
    .productShow .title h2 {
      font-size: .3rem; }
    .productShow .title span {
      font-size: .22rem; }
  .productShow .img-list {
    width: 100%; }
    .productShow .img-list li .video {
      width: 2.2rem; }
  .productShow .col {
    width: 100%;
    padding-top: .4rem; }
    .productShow .col .name {
      font-size: .26rem; }
    .productShow .col .content {
      font-size: .22rem;
      line-height: .4rem; }

  .originality-nav ul {
    margin-right: -.3rem;
    margin-left: -.3rem; }
  .originality-nav li {
    width: 16.666%; }
  .originality-nav a {
    height: 1.5rem;
    font-size: .24rem; }

  .project-nav li {
    width: 25%; }

  .originality li {
    width: 100%; }
    .originality li a.name {
      font-size: .22rem; }
      .originality li a.name h3 {
        font-size: .3rem; }

  #color {
    padding: .5rem 0 0 0; }
    #color .side {
      position: static;
      width: 100%;
      border-bottom: #e2e2e2 solid 1px; }
      #color .side ul {
        display: flex;
        display: -webkit-flex; }
      #color .side li {
        border: 0;
        width: 25%; }
      #color .side a {
        height: .78rem;
        padding-left: .2rem;
        font-size: .24rem; }
        #color .side a:before {
          right: .2rem; }
    #color .color-list ul {
      margin-left: -.3rem; }
    #color .color-list li {
      width: 33.333%;
      padding: 0 0 .3rem .3rem; }

  .color-list ul {
    margin-left: -.3rem; }
  .color-list li {
    width: 33.333%;
    padding: 0 0 .3rem .3rem; }
  .color-list a .name {
    height: .65rem;
    line-height: .65rem;
    font-size: .22rem; }

  .color-img a.arrow.prev {
    left: .3rem; }
  .color-img a.arrow.next {
    right: .3rem; }

  .color-show {
    padding: 1rem 0 .8rem 0; }
    .color-show .col {
      width: 100%; }
      .color-show .col h2.name {
        font-size: .3rem; }
      .color-show .col .list {
        font-size: .24rem; }
        .color-show .col .list li {
          padding-left: 1.2rem; }
    .color-show .img {
      width: 100%;
      max-width: 100%; }

  .project .wal .col {
    width: 100%; }
    .project .wal .col h2.name {
      font-size: .28rem; }
    .project .wal .col .info {
      padding: .25rem 0;
      font-size: .22rem; }
      .project .wal .col .info  li p{
        margin-left: 1rem;
      }
      .project .wal .col .info li {
        padding-left: 1.1rem; }
  .project .wal .img-list {
    width: 100%; }
  .project .wal .small-img {
    width: 6.94rem; }

  .contact .list li {
    width: 100%; }
    .contact .list li:nth-child(1) {
      min-height: 1rem; }
    .contact .list li .name {
      height: 1rem; }
      .contact .list li .name h3 {
        font-size: .3rem; }
    .contact .list li .msg {
      font-size: .24rem;
      line-height: .44rem; }
  .contact .map {
    width: 100%;
    position: relative;
    top: 0; }

  .contact-form .title h2 {
    font-size: .3rem; }
  .contact-form .title span {
    font-size: .22rem; }
  .contact-form .form li {
    width: 48%; }
    .contact-form .form li .ico img {
      top: .17rem; }
    .contact-form .form li .input input, .contact-form .form li .input textarea {
      height: .63rem;
      line-height: .63rem;
      font-size: .24rem; }
    .contact-form .form li .input textarea {
      height: 2.5rem; }
    .contact-form .form li .tips {
      font-size: .22rem; }
  .contact-form .submit div {
    width: 2.5rem; }
  .contact-form .submit input {
    height: .64rem;
    font-size: .26rem; }

  .down li .img {
    width: 100%; }
  .down li .col {
    width: 100%;
    padding: 1rem 0; }
  .down li .name {
    font-size: .3rem;
    padding: 0 0 .5rem .1rem; }
  .down li:nth-child(even) .col {
    order: 1; }

  .originality-nav-2 {
    position: relative;
    z-index: 10;
    left: 0;
    margin-left: 0;
    background: #f1f1f1; }
    .originality-nav-2 li {
      margin-right: 0;
      padding-left: .3rem; }
    .originality-nav-2 a {
      height: 0.8rem;
      padding-bottom: .25rem;
      font-size: .24rem; }
      .originality-nav-2 a .ico {
        width: .36rem; }

  .originality-list {
    padding: .32rem .7rem; }
    .originality-list.show {
      top: 1.6rem; }
    .originality-list .list li .name:hover:before {
      height: .6rem; }
    .originality-list .arrow a.prev {
      left: .1rem;
      margin-left: 0; }
    .originality-list .arrow a.next {
      right: .1rem;
      margin-right: 0; }

  #originality .svg-box {
    top: 1.6rem; }
    #originality .svg-box .svg-scroll {
      width: 100%;
      overflow: scroll;
      overflow-y: scroll;
      overflow-x: scroll; }
      #originality .svg-box .svg-scroll svg {
        width: 14.5rem; }
        #originality .svg-box .svg-scroll svg #tips-layer text {
          font-size: 26px; }
      #originality .svg-box .svg-scroll .tips {
        font-size: .22rem;
        height: .44rem;
        line-height: .44rem;
        margin-top: -.6rem; }
    #originality .svg-box .tips-1, #originality .svg-box .tips-2 {
      font-size: .22rem; }
    #originality .svg-box dl.btn dd em {
      width: 1rem;
      height: .3rem;
      line-height: .3rem;
      margin-left: -.5rem;
      font-size: .2rem; }
  #originality .loading p {
    font-size: .22rem; }
  #originality .side {
    left: -7.5rem;
    top: 1.6rem;
    width: 7.5rem; }
    #originality .side .title {
      line-height: .6rem;
      font-size: .26rem; }
    #originality .side .scroll {
      top: .9rem; }
    #originality .side .list {
      width: 96%; }
      #originality .side .list a .name {
        height: .45rem;
        line-height: .45rem;
        font-size: .22rem; } }
@media screen and (max-width: 550px) {
  .wal {
    margin: 0 .3rem; } }

/*# sourceMappingURL=phone.css.map */